<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="lib/html5shiv.js"></script>
    <script type="text/javascript" src="lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css"/>
<%--    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/vant@2.12/lib/index.css"/>--%>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="static/vant/index.css">
    <link rel="stylesheet" href="static/element/index.css">
    <!--[if IE 6]>
    <script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title>Title</title>

    <style>

    </style>
</head>
<body>
<article class="page-container" id="app">
    <table style="table-layout:fixed; width: 100%; word-break:break-all;" class="table table-border table-bordered table-bg table-hover table-sort table-responsive">
        <tbody>
        <tr class="text-c">
            <td style="width: 100px; font-weight: bolder; font-size: 0.8rem; background: #eee;">人员姓名</td>
            <td style="font-size: 0.8rem;">
                <input type="text" class="input-text" style="border:0;" v-model="showobj.VALUE03" autocomplete="off" readonly="readonly">
            </td>

            <td style="width: 100px; font-weight: bolder; font-size: 0.8rem; background: #eee;">工号</td>
            <td style="font-size: 0.8rem;">
                <input type="text" class="input-text" style="border:0;" v-model="showobj.VALUE02" autocomplete="off" readonly="readonly">
            </td>
        </tr>

        <tr class="text-c">
            <td style="width: 100px; font-weight: bolder; font-size: 0.8rem; background: #eee;">消费类别</td>
            <td style="font-size: 0.8rem;">
                <el-select v-model="showobj.VALUE05" placeholder="请选择" disabled>
                    <el-option
                            v-for="item in tableXflb"
                            :key="item.VALUE01"
                            :label="item.VALUE02"
                            :value="item.VALUE01">
                    </el-option>
                </el-select>
            </td>

            <td style="width: 100px; font-weight: bolder; font-size: 0.8rem; background: #eee;">充值金额</td>
            <td style="font-size: 0.8rem;">
                <input type="text" class="input-text" style="border:0;" v-model="showobj.VALUE06" autocomplete="off" readonly="readonly">
            </td>
        </tr>

        <tr class="text-c">
            <td style="width: 100px; font-weight: bolder; font-size: 0.8rem; background: #eee;"></td>
            <td style="font-size: 0.8rem;">
                <input type="text" class="input-text" style="border:0; width: 0; background-color: rgba(0,0,0,0)">
            </td>
            <td style="width: 100px; font-weight: bolder; font-size: 0.8rem; background: #eee;"></td>
            <td style="font-size: 0.8rem;">
                <input type="text" class="input-text" style="border:0; width: 0; background-color: rgba(0,0,0,0)">
            </td>
        </tr>

<%--        <tr class="text-c">--%>
<%--            <td style="width: 100px; font-weight: bolder; font-size: 0.8rem; background: #eee;"></td>--%>
<%--            <td style="font-size: 0.8rem;">--%>
<%--                <input type="text" class="input-text" style="border:0;" v-model="showobj.VALUE07" autocomplete="off" readonly="readonly">--%>
<%--            </td>--%>

<%--            <td style="width: 100px; font-weight: bolder; font-size: 0.8rem; background: #eee;"></td>--%>
<%--            <td style="font-size: 0.8rem;">--%>
<%--                <input type="text" class="input-text" style="border:0;" v-model="showobj.VALUE08" autocomplete="off" readonly="readonly">--%>
<%--            </td>--%>
<%--        </tr>--%>
        </tbody>
    </table>
</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript" src="static/axios.min.js"></script>
<script type="text/javascript" src="./static/vue"></script>
<script src="static/vant/vant.min.js"></script>
<script src="static/element/index.js"></script>
<script type="text/javascript">

    let vm = new Vue({
        el: '#app',
        data: {
            showobj: {},
            tableXflb:[]
        },
        methods: {
            fInitConfirm(o) {
                this.showobj = o.showobj
            },

            fExit() {
                let index = parent.layer.getFrameIndex(window.name);
                parent.layer.close(index);
            }
        },

        created() {
            window.fInitConfirm = this.fInitConfirm
        }
    })

    $(document).ajaxComplete(function (event, xhr, settings) {
        //从http头信息取出 在filter定义的sessionstatus，判断是否是 timeout
        if (xhr.getResponseHeader("sessionstatus") === "timeout") {
            //从http头信息取出登录的url ＝ loginPath
            if (xhr.getResponseHeader("loginPath")) {
                window.location.replace(xhr.getResponseHeader("loginPath"));
            }
        }
    });
</script>
<!--/请在上方写此页面业务相关的脚本-->
</body>
</html>
